<template>
  <el-dialog
    :title="'巡检信息'"
    :visible.sync="showCharts"
    width="80%"
    :before-close="close"
  >
    <div class="chart-cont">
      <scatterChart />
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" size="small" @click="close">确 定</el-button>
      </span>
    </div>
  </el-dialog>
</template>

<script>
import scatterChart from './scatterChart'
export default {
  components: { scatterChart },
  props: ['showCharts', 'wellId'],
  data() {
    return {}
  },
  methods: {
    close() {
      this.$emit('update:showCharts', false)
    }
  }
}
</script>

<style scoped>
.chart-cont{
  width: 100%;
}
</style>
